.PageTopBoxBox {
  margin: 30px 30px 0 30px;
  z-index: 1;
  .vipBg {
    width: calc(100vw - 60px);
    height: calc((100vw - 60px) * 0.163);
    // background-image: url('assets/image/userCenterPage/vipBg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    .bgBox {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      height: calc((100vw - 60px) * 0.163 - 30px);
      padding: 0 30px 0 80px;
      z-index: 1;
      .title {
        font-size: 24px;
        font-weight: 400;
        color: #f2c284;
        line-height: 34px;
      }
      .btnBox {
        .btn {
          background: linear-gradient(180deg, #fdd4a1 0%, #eda447 100%);
          border-radius: 22px;
          font-size: 26px;
          font-weight: 400;
          color: #682e02;
          line-height: 40px;
          padding: 4px 20px;
        }
      }
    }
  }
  .bottomBox {
    border-radius: 18px;
    padding: 25px 0;
    background-color: #ffffff;
    margin-top: -30px;
    z-index: 1;
    .orderBox {
      flex-direction: row;
      flex-wrap: wrap;
    }
    .item {
      align-items: center;
      justify-content: center;
      width: calc(100vw * 0.23);
      padding: 20px 0;
      position: relative;
      z-index: 1;
    }
    .img {
      width: 92px;
      height: auto;
    }
    .title {
      font-size: 28px;
      font-weight: 400;
      color: #333333;
      line-height: 20px;
    }
  }
}
